<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" href="animate/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--tou-->
		<header>
			<ul >
				<li>
					<a href="index.html">
						<img src="img/a1.png" alt="" />
						<span>首页银泰</span>
						<s class="as"></s>
					</a>
					
					
					<a>
						<img src="img/a2.png" alt="" />
						<span>微信</span>
						<s class="as"></s>
					</a>
					
					<a>
						<img src="img/a3.png"/>
						手机银泰
						<s ></s>
					</a>
				</li>
				<li>	
						<a href="#">
							hi，欢迎到来银泰网！
							登录
						</a>
						
						<a href="#">注册</a><s class="as"></s>
						
					<a>
						我的订单<s class="as"></s>
					</a>
					<a>
						银泰卡<s class="as"></s>
					</a>
					<a>
						帮助中心
					</a>
				</li>
			</ul>
			
		</header>
		<div class="head">
			<img src="img/logo1.jpg"/>
		</div>
		<!--logo-->
		<div class="logo">
				<ul class="logo-con">
					<li>
						<p>
							<img src="img/logo.gif"/>
							<s class="logos"></s>
							<img src="img/input.gif"/>
						</p>
						
					</li>
					<li>
						<div class="form">
							<input type="search"  /><button class="search-img"></button>
							<div class="p">
								<span>畅想新世界</span>
								<span class="nav-bs">GUCCI</span>
								<span>畅想新世界</span>
								<span class="nav-bs">提臀丝袜</span>
								<span>箱包女人节</span>
								<span>畅想新世界</span>
								<span class="nav-bs">GUCCI</span>
								
							</div>
						</div>
						
						
					</li>
					<li>
						<a class="logo-right">
							购物袋
							<span>0</span>
							袋
						</a>
					</li>
				</ul>
					
					<!--导航-->
		<div style="position: absolute;clear: both;bottom: -10px;display: flex;align-items: center;width: 1190px;margin-left:-595px;clear: both;left: 50%;">
						<ul class="navl-left ">
							<li>
								<span>全部商品 </span>
							</li>
							<li>
								<span>名品|惠买奢</span>
								<p><img src="img/menu01.png"/></p>
							</li>
							<li>
								<span>女装|春装上市</span>
								<p><img src="img/menu02.png"/></p>
							</li>
							<li>
								<span>男装|型男单品</span>
								<p><img src="img/menu03.png"/></p>
							</li>
							<li>
								<span>鞋靴 | 时尚鞋品</span>
								<p><img src="img/menu04.png"/></p>
							</li>
							<li>
								<span>美妆|春装上市</span>
								<p><img src="img/menu05.png"/></p>
							</li>
							<li>
								<span>箱包|型男单品</span>
								<p><img src="img/menu06.png"/></p>
							</li>
							<li>
								<span>运动 | 时尚鞋品</span>
								<p><img src="img/menu07.png"/></p>
							</li>
							<li>
								<span>配饰|春装上市</span>
								<p><img src="img/menu08.png"/></p>
							</li>
							<li>
								<span>婴童|型男单品</span>
								<p><img src="img/menu09.png"/></p>
							</li>
							<li>
								<span>家具 | 时尚鞋品</span>
								<p><img src="img/menu10.png"/></p>
							</li>
						</ul>
						<ol class="navl-con">
							<li>
							银泰百货
							</li>
							<li>
								名牌馆
							</li>
							<li>
								限时尊轮
							</li>
							<li>
								海淘馆
							</li>
							<li>
								荣耀旗舰店
							</li>
						</ol>	
					<div class="navl-right right">
						<a href="#">
							<span>积分商城</span>
							<s class="as"></s>
							<span>全部品牌</span>
						</a>
					</div>
		
		</div>
				
		</div>
		<!--lunbo-->
		<div id="lb">
			<img src="img/banner1.jpg" alt="" />
			<img src="img/banner2.jpg" alt="" />
			<img src="img/banner3.jpg" alt="" />
			<img src="img/banner4.jpg" alt="" />
			<img src="img/banner5.jpg" alt="" />
	
			<ul class="dul">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<a  id='btnl'><</a>
			<a  id='btnr'>></a>
		
				<div id="cc" >
					
				</div>
		
			
			
		</div>

		<!--切换-->
		
		<div id="qh">
			<div class="clearbox qhul">
				<p class="left qh-active">
					<a href="#one">
						超值特卖
					</a>
				</p>
				<p class="left">
					<a href="#two">
					爆款好货
					</a>
				</p>
				<p class="left">
					<a href="#three">
						手机专享
					</a>
					
				</p>
			<div  id="qh-w">
				
			<div id="one"  class="tt">
				<ol class="clearbox"  >
					<li class="left relt">
						<div >
							<img src="img/overFlowDiv01.jpg"/>
						</div>
						
						<div></div>
						<div></div>
					</li>
					<li class="left relt">
						<div >
							<img src="img/overFlowDiv02.jpg"/>
						</div>
						
						<div></div>
						<div></div>
					</li>
					<li class="left relt">
						<div >
							<img src="img/overFlowDiv03.jpg"/>
						</div>
						
						<div></div>
						<div></div>
					</li>
					<li class="left relt">
						<div>
							<img src="img/overFlowDiv04.jpg"/>
						</div>
						
						<div></div>
						<div></div>
					</li>
					
				</ol>
			</div>
			<div id="two" class="tt">
				<ol class="clearbox" >
					<li class="left">
						<img src="img/main121.jpg"/>
					</li>
					<li class="left">
						<img src="img/main122.jpg"/>
					</li>
					<li class="left">
						<img src="img/main123.jpg"/>
					</li>
					<li class="left">
						<img src="img/main124.jpg"/>
					</li>
					
				</ol>
			</div>
			<div  id="three" class="tt">
				
			
					<ol class="clearbox">
						<li class="left">
							<img src="img/main1.jpg"/>
						</li>
						<li class="left">
							<img src="img/main2.jpg"/>
						</li>
						<li class="left">
							<img src="img/main3.jpg"/>
						</li>
						<li class="left">
							<img src="img/main4.jpg"/>
						</li>
						
					</ol>
				</div>
			</div>	
			
					<div id="qhright" >
						<img src="img/overFlowBig.jpg"/>
					</div>
			</div>
		
		</div>
	
		<!---->
		<div class="muan">
			
				<img src="img/pic2.jpg"/>
			
		</div>
		<!--银泰百货-->
		<div id="bh">
			<div class="bh-title">
				<span></span>			
			</div>
			<div class="bh-mine clearbox">
				<div class="bh-mine-left left">
					<img src="img/mad1.jpg"/>
				</div>
				<div class="bh-mine-right left">
					<div class="clearbox tit">
						<p class="left" class="qh-active">
						热门品牌
						</p>
						<p class="left">
							本周推荐
						</p>
					</div>
					
					<div class="clearbox bh-mine-right-con">
						 
							<div class="left">
								<img src="img/mad2.jpg"/>
							</div>
							<div class="left">
								<img src="img/mad3.jpg"/>
							</div>
							<div class="left">
								<img src="img/mad4.jpg"/>
							</div>
						
							<div class="left">
								<img src="img/mad5.jpg"/>
							</div>
							<div class="left">
								<img src="img/mad6.jpg"/>
							</div>
							<div class="left">
								<img src="img/mad7.jpg"/>
							</div>
					
						</div>
				</div>
			</div>
		</div>
	<!--潮流女装-->
	<div class="clnz">
		<div class="clnz-title">
			<span></span>			
		</div>
		<div class="clnz-mine clearbox">
			<div class="c-m-left left">
				<ul class="clearbox">
					<li class="left">T恤</li>
					<li class="left">太阳镜</li>
					<li class="left">裙子</li>
					
					<li class="left">T恤</li>
					<li class="left">太阳镜</li>
					<li class="left">裙子</li>
				
					<li class="left">T恤</li>
					<li class="left">太阳镜</li>
					<li class="left">裙子</li>
					
				</ul>
			</div>
			<div class="left c-m-cent">
				<img src="img/mcd1.jpg"/>
			</div>
			<div class="left c-m-right">
				<div class="clearbox c-m-r-con">
					<div class="left bott1 bott">
						<img src="img/mcd2.jpg"/>
					</div>
					<div class="left bott">
						<img src="img/mcd3.jpg"/>
					</div>
					<div class="left bott1">
						<img src="img/mcd4.jpg"/>
					</div>
					<div class="left">
						<img src="img/mcd5.jpg"/>
					</div>
				</div>
			</div>
		</div>
	</div>
	</body>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>
